<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>智慧工地</title>
    <link rel="stylesheet" href="../../../css/mui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/icons-extra.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/master.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/news-list.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/refresh.css" />
    <!--上拉刷新 下拉加载样式-->
		<link rel="stylesheet" type="text/css" href="../../../css/mui.picker.min.css" />
</head>

<body>
    <header class="mui-bar mui-bar-nav mui-head bg-00BC8D">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title text-ffffff">人员情况汇总</h1>
    </header>
    <div class="mui-content" id="app">    
		<ul class="mui-table-view group_list">
            <li class="mui-table-view-cell mui-media" v-for="item in items">
                <a class="zxxq" href="javascript:;">
                    <div class="mui-media-body">
                        <div class="mui-row">
							<div class="mui-col-xs-11 mui-col-sm-11 textCon">
								<div style="margin-left: 20px;">
									<p class="mui-col-xs-6 mui-col-sm-6" style="display: inline-block;">人员类别：{{item.category}}</p>
									<p  class="mui-col-xs-6 mui-col-sm-6" style="display: inline-block;">进场登记人数：{{item.inperson}}</p>
								</div>
								<div style="margin-left: 20px;">
									<p class="mui-col-xs-6 mui-col-sm-6" style="display: inline-block;">退场人数：{{item.outperson}}</p>
									<p class="mui-col-xs-6 mui-col-sm-6" style="display: inline-block;margin-left: 10px;">当前活跃人数：{{item.currentperson}}</p>
								</div>
							</div>
						</div>
                    </div>
                </a>
            </li>
        </ul>	        
	   		</div>
</body>
	<script src="../../../js/jquery.min.js"></script>
	<script src="../../../js/mui.min.js"></script>
	<script src="../../../js/mui.picker.min.js"></script>
	<script src="../../../libs/waitMe/waitMe.min.js"></script>
	<script src="../../../js/setting.js"></script>
	<script src="../../../js/common.js"></script>
	<script src="../../../js/vue.min.js"></script>
	<script src="personnelCondition.js"></script>
</html>